<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./淘宝.css">
</head>

<body>
    <!-- 导航栏 -->
    <div class="nav">
      
        <ul class="nav-left">
            <li>中国 </li>

            <li><a href="">用户名</a></li>
            <li><a href="">手机逛淘宝</a></li>
        </ul>
        <ul class="nav-right">
            <li>我的淘宝</li>
            <li>购物车</li>
            <li>收藏夹</li>
            <li>商品分类</li>
            <li>免费开店</li>
            <li>|</li>
            <li>联系客服</li>
            <li>网站导航</li>
        </ul>

    </div>
    <div class="background">

        <div class="taobao">

            <div class="top">
                <img src="./1624877017(1).png" alt="" class="tb-logo">
                <div class="search">
                    <div class="search-left">宝贝</div>
                    <div class="link4"></div>
                    <input type="text" value="外星人电解水">
                    <div class="search1">搜索</div>
                </div>
                <ul class="search-bottom">
                    <li>新款连衣裙</li>
                    <li>四件套</li>
                    <li>潮流T血</li>
                    <li>时尚女鞋</li>
                    <li>短裤</li>
                    <li>半身裙</li>
                    <li>墙纸</li>
                    <li>行车记录仪</li>
                    <li>男士外套</li>
                    <li>新款男鞋</li>
                    <li>耳机</li>
                    <li>时尚女包</li>
                    <li>沙发</li>
                </ul>
                <img src="./TB18W1cQFXXXXaWXXXXXXXXXXXX-160-160.png_.webp" alt="" class="code">
            </div>
            <div class="mune">
                <div class="mune-top">
                    <div class="mune1">主题市场</div>
                    <ul>
                        <li style="color: #ff0036;">天猫</li>
                        <li style="color: #ff0036;">聚划算</li>
                        <li style="color: #33c900;">天猫超市</li>
                        <li>|</li>
                        <li>司法拍卖</li>
                        <li>飞猪旅行</li>
                        <li>天天特卖</li>
                        <li>淘小铺</li>
                        <li>|</li>
                        <li>造点新货</li>
                        <li>苏宁易购</li>
                        <li>淘宝心选</li>
                        <li>智能生活</li>
                    </ul>
                </div>
                <div class="mune-left">
                    <ul>
                        <li><span>美妆</span>
                            <span>/</span>
                            <span>彩妆</span>
                            <span>/</span>
                            <span>个护</span>
                            <span class="link">></span>
                        </li>

                        <li><span>美妆</span>
                            <span>/</span>
                            <span>彩妆</span>
                            <span>/</span>
                            <span>个护</span>
                            <span class="link">></span>
                        </li>
                        <li><span>美妆</span>
                            <span>/</span>
                            <span>彩妆</span>
                            <span>/</span>
                            <span>个护</span>
                            <span class="link">></span>
                        </li>
                        <li><span>美妆</span>
                            <span>/</span>
                            <span>彩妆</span>
                            <span>/</span>
                            <span>个护</span>
                            <span class="link">></span>
                        </li>
                        <li><span>美妆</span>
                            <span>/</span>
                            <span>彩妆</span>
                            <span>/</span>
                            <span>个护</span>
                            <span class="link">></span>
                        </li>
                        <li><span>美妆</span>
                            <span>/</span>
                            <span>彩妆</span>
                            <span>/</span>
                            <span>个护</span>
                            <span class="link">></span>
                        </li>
                        <li><span>美妆</span>
                            <span>/</span>
                            <span>彩妆</span>
                            <span>/</span>
                            <span>个护</span>
                            <span class="link">></span>
                        </li>
                        <li><span>美妆</span>
                            <span>/</span>
                            <span>彩妆</span>
                            <span>/</span>
                            <span>个护</span>
                            <span class="link">></span>
                        </li>
                        <li>
                            <span>汽车</span>
                            <span>/</span>
                            <span>二手车</span>
                            <span>/</span>
                            <span>用品</span>
                            <span class="link2">></span>
                        </li>
                        <li>
                            <span>房产</span>
                            <span>/</span>
                            <span>装修家具</span>
                            <span>/</span>
                            <span>建材</span>
                            <span class="link1">></span>
                        </li>
                        <li>
                            <span>手表</span>
                            <span>/</span>
                            <span>眼镜</span>
                            <span>/</span>
                            <span>珠宝首饰</span>
                            <span class="link1">></span>
                        </li>

                    </ul>
                    <div class="lunbo">
                        <img src="./O1CN01gVygbQ27hH5eUrXO9_!!2176017828-0-alimamazszw.jpg" alt="" class="lunbo-img">
                        <p> 理想生活上天猫</p>
                        <img src="./O1CN015XjDj022QGIZiu7Bc_!!6000000007114-0-octopus.jpg" alt="" class="lunbo-img1">
                        <img src="./TB1jq1HekvoK1RjSZPfXXXPKFXa-502-380.jpg_240x240q90.jpg" alt="" class="lunbo-img2">
                    </div>
                    <div class="mune-right">
                        <div class="head-pic">
                            <img src="./getAvatar.jpg" alt="">
                            <p>Hi!宫伟555</p>
                            <div class="club">
                                <span class="one">领淘金币抵钱</span>
                                <span class="two">会员俱乐部</span>

                            </div>
                            <div class="state">
                                <ul>
                                    <li class="link2">0</li>
                                    <li>待收货</li>
                                </ul>
                                <ul>
                                    <li class="link2">0</li>
                                    <li>待收货</li>
                                </ul>
                                <ul>
                                    <li class="link2">0</li>
                                    <li>待收货</li>
                                </ul>
                                <ul>
                                    <li class="link2">3</li>
                                    <li>待收货</li>
                                </ul>
                            </div>

                        </div>
                        <img src="./1.jpg" alt="" class="mune-right-img">
                        <ul class="mune-right-nav">
                            <li>公告</li>
                            <li>规则</li>
                            <li>安全</li>
                            <li>公益</li>
                            <li>千牛</li>
                        </ul>
                        <p style="color: #FF5000;position: absolute;top: 470px;  left: 30px;">严禁借庆祝建党100周年进行商业营销的公告</p>
                        <div class="mune-right-bottom">
                            <ul>
                                <li><img src="./u=3870519671,3789165671&fm=26&fmt=auto&gp=0.webp" alt="" class="Phone">
                                </li>
                                <li>充话费</li>
                            </ul>
                            <ul>
                                <li><img src="./u=3870519671,3789165671&fm=26&fmt=auto&gp=0.webp" alt="" class="Phone">
                                </li>
                                <li>充话费</li>
                            </ul>
                            <ul>
                                <li><img src="./u=3870519671,3789165671&fm=26&fmt=auto&gp=0.webp" alt="" class="Phone">
                                </li>
                                <li>充话费</li>
                            </ul>
                            <ul>
                                <li><img src="./u=3870519671,3789165671&fm=26&fmt=auto&gp=0.webp" alt="" class="Phone">
                                </li>
                                <li>充话费</li>
                            </ul>
                            <ul>
                                <li><img src="./u=3870519671,3789165671&fm=26&fmt=auto&gp=0.webp" alt="" class="Phone">
                                </li>
                                <li>充话费</li>
                            </ul>
                            <ul>
                                <li><img src="./u=3870519671,3789165671&fm=26&fmt=auto&gp=0.webp" alt="" class="Phone">
                                </li>
                                <li>充话费</li>
                            </ul>
                            <ul>
                                <li><img src="./u=3870519671,3789165671&fm=26&fmt=auto&gp=0.webp" alt="" class="Phone">
                                </li>
                                <li>充话费</li>
                            </ul>
                            <ul>
                                <li><img src="./u=3870519671,3789165671&fm=26&fmt=auto&gp=0.webp" alt="" class="Phone">
                                </li>
                                <li>充话费</li>
                            </ul>


                        </div>
                        <div class="move">
                            <ul>
                                <li><img src="./下载 (3).webp" alt=""></li>
                                <li><img src="./下载 (2).webp" alt=""></li>
                                <li><img src="./下载 (3).webp" alt=""></li>
                                <li><img src="./下载 (4).webp" alt=""></li>
                                <li><img src="./下载 (5).webp" alt=""></li>
                            </ul>
                        </div>

                    </div>
                </div>


            </div>

            <div class="good">
                <div class="good-top">
                    有好货<img src="./q1.png" alt="">
                </div>
                <div class="good-one">
                    <img src="./q3.jpg" alt="">
                    <p style="color: #333333;">Pure Cashmere 保暖针织帽</p>
                    <p style="color: #999999;">这款针织帽风格休闲可爱...</p>
                </div>
                <div class="good-two">
                    <img src="./q2.jpg" alt="">
                    <p style="color: #333333;">Pure Cashmere 保暖针织帽</p>
                    <p style="color: #999999;">这款针织帽风格休闲可爱...</p>
                </div>
                <div class="good-three">
                    <img src="./q4.jpg" alt="">
                    <p style="color: #333333;">Pure Cashmere 保暖针织帽</p>
                    <p style="color: #999999;">这款针织帽风格休闲可爱...</p>
                </div>
                <div class="good-four">
                    <img src="./q5.jpg" alt="">
                    <p style="color: #333333;">Pure Cashmere 保暖针织帽</p>
                    <p style="color: #999999;">这款针织帽风格休闲可爱...</p>
                </div>
                <div class="good-bottom">
                    <img src="./w1.jpg" alt="">
                    <img src="./w2.jpg" alt="">
                    <img src="./w3.jpg" alt="">
                </div>

            </div>
        </div>

    </div>
</body>

</html>